﻿<!--@Knockout-->
<div class="demo-page">
    <div class="wrapper">
        <div data-bind="dxButton: { text: 'Subscribe to AppointmentClick event', onClick: clickHandler }"></div></br>
        <div data-bind="dxScheduler: {
            dataSource: schedulerData,
            startDayHour: 9,
            endDayHour: 18,
            currentView: 'week',
            currentDate: new Date(2016, 4, 25),
            height: 650,
            onInitialized: initializedHandler
        }"></div>
    </div>
</div>
<!--/@Knockout-->
<!--@AngularJS-->
<div class="demo-page" ng-controller="demoController">
    <div class="wrapper">
        <div dx-button="{ text: 'Subscribe to AppointmentClick event', onClick: clickHandler }"></div></br>
        <div dx-scheduler="{
            dataSource: schedulerData,
            startDayHour: 9,
            endDayHour: 18,
            currentView: 'week',
            currentDate: currentDate,
            height: 650,
            onInitialized: initializedHandler
        }">
        </div>
    </div>
</div>
<!--/@AngularJS-->
<!--@jQuery-->
<div class="demo-page">
    <div class="wrapper">
        <div id="button"></div></br>
        <div id="myScheduler"></div>
    </div>
</div>
<!--/@jQuery-->